<div class="sub-page-wrapper">
        <div nz-row nzGutter='8'>
            <div nz-col nzSpan='8'>
                <nz-card style='height: 80vh' [nzLoading]='loadingOne'>
                    <app-select-tree
                        [tree]='treeData'
                        (defaultSelectedKeysChange)='selectedTreeNode($event[0])'
                    >
                    </app-select-tree>
                </nz-card>
            </div>
            <div nz-col nzSpan='8'>
                <nz-card style='height: 80vh' [nzLoading]='loadingTwo'>
                <nz-table [nzShowPagination]='false' [nzData]='listValue'>
                    <thead>
                    <tr>
                        <th>缓存键名</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                     <tr *ngFor="let item of listValue">
                        <td (click)='getValue(item)'>{{item}}</td>
                        <td><button nz-button nzType="primary" nzDanger (click)="deleteCache(item)">删除</button></td>
                     </tr>
                    </tbody>
                </nz-table>
                </nz-card>
            </div>

            <div nz-col nzSpan='8'>
                <nz-card style='height: 80vh;overflow: auto' [nzLoading]='loadingThree'>
                        <nz-descriptions [nzColumn]='24' nzBordered='true'>
                            <nz-descriptions-item nzTitle='缓存名称' nzSpan='24'>{{cache.cacheName}}</nz-descriptions-item>
                            <nz-descriptions-item nzTitle='缓存键名' nzSpan='24'>{{cache.cacheKey}}</nz-descriptions-item>
                            <nz-descriptions-item nzTitle='缓存内容' nzSpan='24'>{{cache.cacheValue}}</nz-descriptions-item>
                        </nz-descriptions>
                </nz-card>
            </div>
        </div>
</div>

